<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
<head>
    <th:block th:include ="common/head :: header('桀骜的个人博客')" />
    <th:block th:include="common/include :: editormd-css" />
    <link th:href="@{/front/css/index.css}" rel="stylesheet"/>
    <link th:href="@{/front/css/plugs_paging.css}" rel="stylesheet"/>
</head>
<body>
    <div id="app">
        <!--主页头部含有小屏幕时名片，不应使用共有头部-->
        <div th:include="common/head :: nav('桀骜的个人博客')"></div>
        <!--页面主体-->
        <div id="main" style="margin-top: 16px">
            <div class="am-g">
                <div class="am-u-sm-12 am-u-lg-9">
                    <div class="radioBroadcast">
                        <i class="am-icon-volume-up" style="margin-left: 10px;color: #fbd602"></i>
                        <div class="roll">
                            <ul th:with="notices=${@siteNotice.getSiteNotice(1)}">
                                <li th:each="notice : ${notices}">[[${notice.title}]]</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="am-g">
                <div class="am-u-sm-12 am-u-lg-3 am-hide-md-down">
                    <div id="left">
                        <div class="myCard">
                            <div class="am-g">
                                <div class="am-u-sm-5">
                                    <div class="img-title">
                                        <img class="img" src="/img/loading.gif" data-src="/img/head.jpg">
                                    </div>
                                </div>
                                <div class="am-u-sm-7" style="padding: 0 20px 0 0;">
                                    <div class="img-words">
                                        <h3 id="name">桀骜</h3>
                                        <small style="font-size: 13px;color: #808080ad">多年以后，愿你的城市，有清风，有烈酒，也有人是你的归途。</small>
                                    </div>
                                </div>
                            </div>
                            <div class="clear"></div>
                            <div id="connection" style="font-size: 14px">
                                <span style="color: #009688">微信：jike_1141</span><br>
                                <span style="color: #009688">QQ：402001231</span><br>
                                <div id="follow">
                                    <button class="myCardBtn am-btn am-btn-secondary am-round attention_btn" data-am-offcanvas="{target: '#doc-oc-demo2', effect: 'push'}">扫描二维码关注我</button>
                                </div>
                                <!--左侧栏-->
                                <div id="doc-oc-demo2" class="am-offcanvas">
                                    <div class="am-offcanvas-bar">
                                        <div class="am-offcanvas-content">
                                            <p>
                                                我不愿让你一个人 <br/>
                                                承受这世界的残忍 <br/>
                                                我不愿眼泪陪你到 永恒<br><br>

                                                很抱歉你的过去我没来及参与<br>
                                                那么<br>
                                                余生我陪你度过<br>
                                                可好
                                            </p>

                                            <div class="halving-line">
                                                <i class="am-icon-hand-o-down " ></i>
                                                <i class="am-icon-hand-o-down " ></i>
                                                <i class="am-icon-hand-o-down " ></i>
                                            </div>
                                            <div class="halving-line-words">
                                                <p>想交个朋友吗<br>那就快扫下面吧</p>
                                            </div>
                                            <hr data-am-widget="divider" style="width: 50%" class="am-divider am-divider-dashed" />
                                            <div class="ja-qq-weixin">
                                                <div class="ja-qq-box">
                                                    <p>QQ</p>
                                                    <img src="/img/qq.png"  class="qq_code am-img-thumbnail am-radius">
                                                </div>
                                                <div class="ja-weixin-box">
                                                    <p>微信</p>
                                                    <img src="/img/vx.png"  class="weixin_code am-img-thumbnail am-radius">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <hr>
                            <div class="icons-row">
                                <div class="icons">
                                    <div class="icon">
                                        <a href="https://github.com/weifanli" target="_blank" class="am-icon-github am-icon-md " title="GitHub" data-am-popover="{content: 'GitHub', trigger: 'hover focus'}"></a>
                                    </div>
                                    <div class="icon">
                                        <a href="https://gitee.com/weifanl" class="am-icon-gg am-icon-md" target="_blank" title="码云" data-am-popover="{content: '码云', trigger: 'hover focus'}"></a>
                                    </div>
                                    <div class="icon">
                                        <a href="https://blog.csdn.net/LiGui_kill" target="_blank" title="CSDN">
                                            <img src="/img/csdn.jpg" style="width: 30px" data-am-popover="{content: 'CSDN', trigger: 'hover focus'}">
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="new-comment">
                            <div data-am-widget="list_news" class="am-list-news am-list-news-default" >
                                <div class="am-list-news-hd am-cf">
                                    <a class="newComments">
                                        <h2>最新评论</h2>
                                    </a>
                                </div>
                                <div class="am-list-news-bd">
                                    <ul class="am-list">
                                        <li class="am-g am-list-item-dated" style="height: 62px"></li>
                                        <li class="am-g am-list-item-dated" style="height: 62px"></li>
                                        <li class="am-g am-list-item-dated" style="height: 62px"></li>
                                        <li class="am-g am-list-item-dated" style="height: 62px"></li>
                                        <li class="am-g am-list-item-dated" style="height: 62px"></li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <div class="new-leaveWord">
                            <div data-am-widget="list_news" class="am-list-news am-list-news-default" >
                                <div class="am-list-news-hd am-cf">
                                    <a class="newLeaveWord">
                                        <h2>最新留言</h2>
                                    </a>
                                </div>
                                <div class="am-list-news-bd">
                                    <ul class="am-list">
                                        <li class="am-g am-list-item-dated" style="height: 62px"></li>
                                        <li class="am-g am-list-item-dated" style="height: 62px"></li>
                                        <li class="am-g am-list-item-dated" style="height: 62px"></li>
                                        <li class="am-g am-list-item-dated" style="height: 62px"></li>
                                        <li class="am-g am-list-item-dated" style="height: 62px"></li>
                                    </ul>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
                <div class="showArticle am-u-sm-12 am-u-lg-6">
                    <!-- 文章信息 -->
                    <div class="articles"></div>
                    <div class="my-row" id="page-father">
                        <div id="pagination"></div>
                    </div>

                    <div class="new-comment am-show-sm-only">
                        <div data-am-widget="list_news" class="am-list-news am-list-news-default" >
                            <div class="am-list-news-hd am-cf">
                                <a class="">
                                    <h2>最新评论</h2>
                                </a>
                            </div>
                            <div class="am-list-news-bd">
                                <ul class="am-list">
                                    <li class="am-g am-list-item-dated" style="height: 62px">

                                    </li>
                                    <li class="am-g am-list-item-dated" style="height: 62px">

                                    </li>
                                    <li class="am-g am-list-item-dated" style="height: 62px">

                                    </li>
                                    <li class="am-g am-list-item-dated" style="height: 62px">

                                    </li>
                                    <li class="am-g am-list-item-dated" style="height: 62px">

                                    </li>
                                </ul>
                            </div>

                        </div>
                    </div>
                    <div class="new-leaveWord am-show-sm-only">
                        <div data-am-widget="list_news" class="am-list-news am-list-news-default" >
                            <div class="am-list-news-hd am-cf">
                                <a class="">
                                    <h2>最新留言</h2>
                                </a>
                            </div>
                            <div class="am-list-news-bd">
                                <ul class="am-list">
                                    <li class="am-g am-list-item-dated" style="height: 62px">

                                    </li>
                                    <li class="am-g am-list-item-dated" style="height: 62px">

                                    </li>
                                    <li class="am-g am-list-item-dated" style="height: 62px">

                                    </li>
                                    <li class="am-g am-list-item-dated" style="height: 62px">

                                    </li>
                                    <li class="am-g am-list-item-dated" style="height: 62px">

                                    </li>
                                </ul>
                            </div>

                        </div>
                    </div>
                    <div class="site-info am-show-sm-only">
                        <h5 class="site-title">
                            <i class="am-icon-info site-icon"></i>
                            <strong style="margin-left: 15px">网站信息</strong>
                        </h5>
                        <ul class="site-default" style="height: 200px">

                        </ul>
                    </div>
                </div>
                <div class="am-u-sm-12 am-u-lg-3">
                    <div id="right">

                        <h3 class="widget-title">公告</h3>
                        <div class="widget">
                            <div class="bg-danger">
                                <div class="ja-info" id="noticeInfo"></div>
                            </div>
                        </div>
                        <div class="myStory" >
                            <div class="bg-myStory">
                                <div><a class="bg-myStory-a" href="/mystory">我的故事</a></div>
                            </div>
                            <div class="myStory-words">一盆小花，一杯清茶</div>
                        </div>
                        <div class="myStory" >
                            <div class="bg-myGirl">
                                <div><a class="bg-myGirl-a" href="/mylove" target="_blank">我的女孩</a></div>
                            </div>
                            <div class="myStory-words">我的女孩，你还在吗</div>
                        </div>
                        <div class="myStory" >
                            <div class="bg-myHeart">
                                <div><a class="bg-myGirl-a" href="/myheart" target="_blank">藏心阁</a></div>
                            </div>
                            <div class="myStory-words">曾经的我，写给未来的自己</div>
                        </div>
                        <div class="tag-cloud">
                            <h3 class="widget-title">标签云</h3>
                            <div class="widget-tag-cloud">
                                <span>暂无标签</span>
                            </div>
                        </div>

                        <div class="site-info am-hide-sm-only">
                            <h5 class="site-title">
                                <i class="am-icon-info site-icon"></i>
                                <strong style="margin-left: 15px">网站信息</strong>
                            </h5>
                            <ul class="site-default" style="height: 200px">

                            </ul>
                        </div>

                    </div>
                </div>
            </div>
            <div class="clear"></div>
        </div>
        <!--引入共有底部-->
        <div th:include="common/footer :: footer"></div>
        <!--消息盒子+反馈-->
        <div th:replace="common/other :: other"></div>
    </div>
    <th:block th:include="common/include :: editormd-js" />
    <script type="text/javascript" th:src="@{/front/js/all.js}"></script>
    <script type="text/javascript" th:src="@{/front/js/index.js}"></script>
    <script type="text/javascript" th:src="@{/front/js/plugn/plugs_paging.js}"></script>
</body>
</html>
